@import '@/styles/variables.scss';
.registerInfo-container {
  .main {
    padding: 0 $collection-x;
    height: calc(100vh - 141px);
    min-width: 1400px;
    .searchBar {
      padding: $block-y 0;

      .el-form {
        .el-form-item {
          .searchBar_picker {
            width: 180px !important;
          }

          .searchBar_select {
            width: 120px !important;
          }

          .searchBar_input {
            width: 240px !important;
          }
        }
      }

      .buttonDrug {
        float: right;
      }

      .buttonDrugSpe {
        margin-right: 0;
      }

      .el-form-item {
        margin-bottom: 0;
      }
    }

    .table {
      .el-form {
        ::v-deep .item_form {
          margin-bottom: 0 !important;
        }

        ::v-deep .el-input-group__append {
          background-color: #fff;
        }

        ::v-deep .el-form-item__content {
          line-height: 30px !important;
        }

        .el-table {
          border-top: 1px solid $border-color;
          border-left: 1px solid $border-color;
          border-right: 1px solid $border-color;
          min-width: 1400px;
          overflow: visible!important;
          ::v-deep tr td {
            border-bottom: 1px dashed $border-color !important;
            //padding-bottom: 0 !important;
          }
          ::v-deep td:nth-child(2n) .cell{
            overflow: visible;
          }::v-deep td:nth-child(5n) .cell{
             overflow: visible;
           }

          ::v-deep .el-table__body-wrapper{
            overflow: visible;
          }
          ::v-deep .el-autocomplete-suggestion{
            width: auto!important;
          }
          .table_input_n {
            width: 180px !important;
            height: 30px !important;
          }

          .table_input {
            width: 120px !important;
            height: 30px !important;
            margin-right: 4px;

            ::v-deep .el-input__inner {
              padding: 4px !important;
            }

            ::v-deep .el-input-group__append {
              padding: 4px !important;
            }
          }

          .table_input1 {
            width: 80px !important;
            height: 30px !important;

            ::v-deep .el-input__inner {
              padding: 5px !important;
              border-right: none !important;
              border-bottom-right-radius: 0 !important;
              border-top-right-radius: 0 !important;
            }
          }

          .table_select1 {
            width: 60px !important;
            height: 30px !important;

            ::v-deep .el-input__inner {
              padding: 5px !important;
              border-bottom-left-radius: 0 !important;
              border-top-left-radius: 0 !important;
            }
          }

          .table_input_p {
            width: 120px !important;
            height: 30px !important;
          }

          .box_input {
            display: flex;
            justify-content: space-between;
            align-items: center;

            .box_select {
              .table_select {
                width: 60px !important;
                height: 30px !important;

                ::v-deep .el-input__inner {
                  padding: 5px !important;
                  border-right: none !important;
                  border-bottom-right-radius: 0 !important;
                  border-top-right-radius: 0 !important;
                }
              }

              .table_picker {
                width: 90px !important;
                height: 30px !important;

                ::v-deep .el-input__inner {
                  padding: 5px !important;
                  border-bottom-left-radius: 0 !important;
                  border-top-left-radius: 0 !important;
                }

                ::v-deep .el-input__icon {
                  display: none !important;
                }
              }
            }

            .delete {
              font-size: 20px;
              padding-left: 4px;
              color: #51ABBB
            }
          }


        }
      }

    }
  }

  ::v-deep .el-dialog {
    display: flex;
    flex-direction: column;
    margin: 0 !important;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    max-height: calc(100% - 30px);
    max-width: calc(100% - 30px);
    width: 460px;
    height: 336px;
    background: #FFFFFF;
    border-radius: 10px;

    .el-dialog__header {
      border-bottom: 1px solid #ccc;
    }

    .el-dialog__body {
      flex: 1;
      overflow: auto;
      padding: 0 !important;

      .div_title {
        font-size: 16px;
        font-family: Source Han Sans CN;
        font-weight: 400;
        color: #333333;
        width: 100%;
        height: 100px;
        line-height: 222px;
        text-align: center;
      }
    }
  }
}

